@charset"utf-8";
@function r($px) {
    @return ($px/40) * 1rem;
}

@function half($px) {
    @return ($px/2)*1px;
}

html,
body {
    height: 100%;
    position: relative;
}

header{
    position: absolute;
    top: 0;
    width: r(750);
    height: half(150);
}

section{
    position: absolute;
    width: r(750);
    top: half(150);
    bottom: half(135);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    
      .dajia{
          margin-top: 8px;
        width: r(707);
        text-align:center;
        font-size: 26px;
    }
    
    .ktv{
        margin-top: 8px;
        width: r(707);
        table{
            margin: 0 auto;
             color: #898989;
              font-size: 0.5rem;
             td{
                  background-color: #dcdcdc;
                  width: r(125);
                  text-align: center;
                 
             }
        }
    }
    
    
    .hot{
        width: r(707);
        margin-top: 8px;    
    }
      .remeng{
        width: r(707);
        margin: r(8) auto;
    }
    
}
.remeng div:first-child{
    width: r(289);
    display: inline-block;
    height: r(353);
    img{
        width: 100%;
    }
}
.remeng div:nth-child(2){
    vertical-align: top;
    width: r(400);
    display: inline-block;
    height: r(147);
    img{
        width: 100%;
    }
}

.remeng div:nth-child(3){
    vertical-align: top;
    width: r(195);
    display: inline-block;
    height: r(197);
    img{
        width: 100%;
    }
}

.remeng div:nth-child(4){
    vertical-align: top;
    width: r(211);
    display: inline-block;
    height: r(197);
    img{
        width: 100%;
    }
}





.fangdajing{
    width: r(702);
     .searchBar {
        margin: half(36) auto 0;
        width: r(266);
        height: half(51);
        border: 1px solid #ff9344;
        border-radius: half(51);
        overflow: hidden;
        input[type="search"] {
            width: calc( 100% - 35px);
            height: 100%;
            vertical-align: top;
            border: none;
            padding-left: 12px;
            font-size: 12px;
        }
        input[type="image"] {
            height: half(36);
            vertical-align: top;
            margin-top: 4px;
        }
    }    
    
}
